import { Card } from "antd";
import "../../../common/common.css";

export const PanelMathsData = [
    {
        key: "1",
        label: "两数处理",
        children: (
            <div className="centerTextLeft lodashPanel lodashWidth">
                <Card title="add" className="lodashCard">
                    <p>
                        _.add(augend, addend) <br />
                        <b>【 两数求和 】</b>
                    </p>
                    <p>两个数相加。</p>
                    <p>返回number</p>
                </Card>
                <Card title="divide" className="lodashCard">
                    <p>
                        _.divide(dividend, divisor) <br />
                        <b>【 两数相除 】</b>
                    </p>
                    <p>两个数相除。</p>
                    <p>返回number</p>
                </Card>
                <Card title="multiply" className="lodashCard">
                    <p>
                        _.multiply(multiplier, multiplicand) <br />
                        <b>【 两个数相乘 】</b>
                    </p>
                    <p>两个数相乘。</p>
                    <p>返回number</p>
                </Card>
                <Card title="subtract" className="lodashCard">
                    <p>
                        _.subtract(minuend, subtrahend) <br />
                        <b>【 两数相减 】</b>
                    </p>
                    <p>两数相减。</p>
                    <p>返回number</p>
                </Card>
            </div>
        ),
    },
    {
        key: "2",
        label: "精度处理",
        children: (
            <div className="centerTextLeft lodashPanel lodashWidth">
                <Card title="ceil" className="lodashCard">
                    <p>
                        _.ceil(number, [precision=0]) <br />
                        <b>【 根据精度向上取舍 】</b>
                    </p>
                    <p>根据 precision（精度） 向上舍入 number。（注： precision（精度）可以理解为保留几位小数。）</p>
                    <p>返回number</p>
                </Card>
                <Card title="floor" className="lodashCard">
                    <p>
                        _.floor(number, [precision=0]) <br />
                        <b>【 根据精度向下取舍 】</b>
                    </p>
                    <p>根据 precision（精度） 向下舍入 number。（注： precision（精度）可以理解为保留几位小数。）</p>
                    <p>返回number</p>
                </Card>
                <Card title="round" className="lodashCard">
                    <p>
                        _.round(number, [precision=0]) <br />
                        <b>【 根据精度进行四舍五入 】</b>
                    </p>
                    <p>根据 precision（精度） 四舍五入 number</p>
                    <p>返回number</p>
                </Card>
            </div>
        ),
    },
    {
        key: "3",
        label: "对数组处理",
        children: (
            <div className="centerTextLeft lodashPanel lodashWidth">
                <Card title="max" className="lodashCard">
                    <p>
                        _.max(array) <br />
                        <b>【 返回数组中最大值 】</b>
                    </p>
                    <p>计算 array 中的最大值。 如果 array 是 空的或者假值将会返回 undefined。</p>
                    <p>返回处理结果</p>
                </Card>
                <Card title="maxBy" className="lodashCard">
                    <p>
                        _.maxBy(array, [iteratee=_.identity]) <br />
                        <b>【 先处理数组元素再取最大值 】</b>
                    </p>
                    <p>这个方法类似_.max 除了它接受 iteratee 来调用 array中的每一个元素，来生成其值排序的标准。 iteratee 会调用1个参数: (value) 。</p>
                    <p>返回处理结果</p>
                </Card>
                <Card title="mean" className="lodashCard">
                    <p>
                        _.mean(array) <br />
                        <b>【 求平均值 】</b>
                    </p>
                    <p>计算 array 的平均值。</p>
                    <p>返回number</p>
                </Card>
                <Card title="meanBy" className="lodashCard">
                    <p>
                        _.meanBy(array, [iteratee=_.identity]) <br />
                        <b>【 可对对象数组的某一项属性进行取平均值 】</b>
                    </p>
                    <p>这个方法类似_.mean， 除了它接受 iteratee 来调用 array中的每一个元素，来生成其值排序的标准。 iteratee 会调用1个参数: (value) 。</p>
                    <p>返回number</p>
                </Card>
                <Card title="min" className="lodashCard">
                    <p>
                        _.min(array) <br />
                        <b>【 计算数组最小值 】</b>
                    </p>
                    <p>计算 array 中的最小值。 如果 array 是 空的或者假值将会返回 undefined</p>
                    <p>返回处理结果</p>
                </Card>
                <Card title="minBy" className="lodashCard">
                    <p>
                        _.minBy(array, [iteratee=_.identity]) <br />
                        <b>【 可对对象数组的某一项属性进行取最小值 】</b>
                    </p>
                    <p>这个方法类似_.min 除了它接受 iteratee 来调用 array中的每一个元素，来生成其值排序的标准。 iteratee 会调用1个参数: (value) 。</p>
                    <p>返回处理结果</p>
                </Card>
                <Card title="sum" className="lodashCard">
                    <p>
                        _.sum(array) <br />
                        <b>【 数组求和 】</b>
                    </p>
                    <p>计算 array 中值的总和。</p>
                    <p>返回number</p>
                </Card>
                <Card title="sumBy" className="lodashCard">
                    <p>
                        _.sumBy(array, [iteratee=_.identity]) <br />
                        <b>【 可对对象数组的某一项属性进行求和 】</b>
                    </p>
                    <p>这个方法类似_.summin 除了它接受 iteratee 来调用 array中的每一个元素，来生成其值排序的标准。 iteratee 会调用1个参数: (value) 。</p>
                    <p>返回number</p>
                </Card>
            </div>
        ),
    },
    {
        key: "4",
        label: "范围限定",
        children: (
            <div className="centerTextLeft lodashPanel lodashWidth">
                <Card title="inRange" className="lodashCard">
                    <p>
                        _.inRange(number, [start=0], end) <br />
                        <b>【 判断值是不是在范围内返回boolean值 】</b>
                    </p>
                    <p>检查 n 是否在 start 与 end 之间，但不包括 end。 如果 end 没有指定，那么 start 设置为0。 如果 start 大于 end，那么参数会交换以便支持负范围。</p>
                    <p>返回boolean值</p>
                </Card>
                <Card title="clamp" className="lodashCard">
                    <p>
                        _.clamp(number, [lower], upper) <br />
                        <b>【 返回限制范围的数据 】</b>
                    </p>
                    <p>返回限制在 lower 和 upper 之间的值。</p>
                    <p>返回number</p>
                </Card>
                <Card title="random" className="lodashCard">
                    <p>
                        _.random([lower=0], [upper=1], [floating]) <br />
                        <b>【 返回一个指定范围内的随机数，可以设置是否为浮点数 】</b>
                    </p>
                    <p>
                        产生一个包括 lower 与 upper 之间的数。 如果只提供一个参数返回一个0到提供数之间的数。 如果 floating 设为 true，或者 lower 或 upper 是浮点数，结果返回浮点数。注意: JavaScript 遵循 IEEE-754
                        标准处理无法预料的浮点数结果。
                    </p>
                    <p>返回number</p>
                </Card>
            </div>
        ),
    },
];